/*
 * @Date: 2022-07-27 14:57:27
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-08-09 16:34:40
 * @FilePath: \archives-fe\src\view\sysMaintenance\TaskCronE\components\Hint.tsx
 */

import { MouseEvent } from 'react';
import { Alert } from 'antd';
import styles from '../styles/Hint.module.scss';
import classNames from 'classnames/bind';

const cx = classNames.bind(styles);

const onClose = (event: MouseEvent<HTMLButtonElement>) => {
  console.log(event, 'I was closed.');
};

const Hint = () => (
  <>
    <Alert
      style={{ backgroundColor: 'white', border: 'none', height: '60px', marginBottom: '10px' }}
      message="任务 Cron表达式是一项任务计划，系统根据规则在约定的时间内启动指定功能。"
      type="warning"
      closable
      showIcon
      icon={<div className={cx('hint')}>提示</div>}
      onClose={onClose}
    />
  </>
);

export default Hint;
